<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API分类</title>
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">

    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="../css/apiIndex.css">

</head>

<body>
    <!-- 头部通栏 -->
    <div class="head container-fluid clearfix">
        <!-- logon -->
        <h1 class="fl">
            <a href="#"><img src="../imgs/new-logo-white2.png" alt=""></a>
        </h1>
        <!-- 导航 -->
        <ul>
            <li><a href="home.html">首页</a></li>
            <li class="active"><a href="apiIndex.html">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="customer.html">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="loreBtn fr">
            <a href="login.html" class="login">登录</a>
            <a href="register.html" class="register">注册</a>
        </div>
    </div>

    <!-- 模态框 -->
    <div class="mantle">
        <div class="modal">
            <img src="../imgs/loginlogo.png" alt="">
            <div class="navList">
                <span class="active">账号登录</span>
                <span>扫码登录</span>
            </div>
            <div class="contentList1 navListContent on">
                <div>
                    <p>
                        <i></i>
                        <input type="text" placeholder="用户名/手机号/邮箱" class="userName">
                        <img src="../imgs/clearInput.png" alt="" class="delBtn">
                    </p>
                    <p>
                        <i></i>
                        <input type="password" placeholder="密码" class="userPwd">
                        <img src="../imgs/clearInput.png" alt="" class="delBtn">
                    </p>
                    <div class="errInfo">
                        <p class="errImg">用户名格式不正确</p>
                    </div>
                </div>

                <div>
                    <a href="#">忘记密码</a>
                </div>

                <a href="javascript:" class="loginBtn">登录</a>
                <p><span>还没有源码账号，</span><a href="register.html">立即注册</a><i></i></p>
            </div>
            <div class="contentList2 navListContent ">
                <div>
                    <img src="../imgs/showqrcode.jpg" alt="">
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>

                </div>
                <p><span>还没有源码账号，</span><a href="register.html">立即注册</a><i></i></p>
            </div>
        </div>
    </div>

    <!-- API分类 -->
    <div class="apiType container">
        <h2>API分类</h2>
        <p class="apiT">
            <!-- js动态渲染 -->
        </p>
        <p>
            <span class="apiText">全部</span>
            <span>
                <input type="text" placeholder="身份证实名" class="phText">
                <i></i>
            </span>

        </p>
        <ul class="u1 clearfix">
            <!-- js动态渲染 -->
        </ul>
    </div>

    <!-- 分页 -->
    <div class="turnPage container">
        <a href="#" class="active">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <span>......</span>
        <a href="#">下一页 &gt;</a>
    </div>

    <!-- 尾部-->
    <div class="foot">
        <div class="container">
            <div class="clearfix">
                <div class="leftC clearfix">
                    <dl>
                        <dt>联系与支持</dt>
                        <dd><a href="#">400-882-7715</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                    <dl>
                        <dt>关于源码</dt>
                        <dd><a href="#">400-882-7715</a></dd>
                        <dd><a href="#">合作伙伴</a></dd>
                        <dd><a href="#">服务条款</a></dd>
                        <dd><a href="#">隐私政策</a></dd>
                        <dd><a href="#">市场合作</a></dd>
                        <dd><a href="#">反商业贿赂声明</a></dd>
                    </dl>
                    <dl>
                        <dt>快速入口</dt>
                        <dd><a href="#">400-882-7715</a></dd>
                        <dd><a href="#">API数据</a></dd>
                        <dd><a href="#">黑钻会员</a></dd>
                        <dd><a href="#">新闻动态</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">加入我们</a></dd>
                    </dl>
                    <dl>
                        <dt>产品服务</dt>
                        <dd><a href="#">400-882-7715</a></dd>
                        <dd><a href="#">云监测</a></dd>
                        <dd><a href="#">云查询</a></dd>
                        <dd><a href="#">云助手</a></dd>
                        <dd><a href="#">聚盒子</a></dd>
                        <dd><a href="#">云充值</a></dd>
                    </dl>
                    <dl>
                        <dt>解决方案</dt>
                        <dd><a href="#">400-882-7715</a></dd>
                        <dd><a href="#">数字中台</a></dd>
                        <dd><a href="#">隐私政策</a></dd>
                        <dd><a href="#">市场合作</a></dd>
                        <dd><a href="#">慧集：API生命周期管理</a></dd>
                        <dd><a href="#">有赢：助力企业营销</a></dd>
                    </dl>
                </div>
                <div class="rightC">
                    <p class="c000 f16">微信公众号</p>
                    <p>源码时代</p>
                    <img src="../imgs/wechat-white.png" alt="">
                </div>
            </div>
            <div class="btmC clearfix">
                <div class="lC">
                    <i></i>
                    <i></i>
                    <span class="ml5 f12 vta">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </div>
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </div>

    <!-- 引入文档加载封装函数 -->
    <script src="../lib/dom.js"></script>
    <!-- 引入选项卡封装函数 -->
    <script src="../lib/tabCard.js"></script>
    <!-- 引入登录模块js -->
    <script src="../js/login.js"></script>
    <!-- 引入当前js代码 -->
    <script src="../js/apiIndex.js"></script>
</body>

</html>